2258
1380
2020-12-28 08:15:03 
Especialmente dos cosas pueden necesitar atención:
Declare la const RecaptchaItem = React.createClass ({..}) globalmente, no la convierta en una variable local en render ()
Debe proporcionar onloadCallback y verifyCallback ambos, si falta onloadCallback, reCAPTCHA no activará la llamada verifyCallback y el formulario no puede obtener el valor. Este es probablemente un error de react-recaptcha
Aquí está el código correcto:
const {Formulario, Icono, Entrada, Botón, Casilla de verificación} = antd;
const FormItem = Form.Item;
const RecaptchaItem = React.createClass ({
verifyCallback (resultado) {
console.log ('verifyCallback', resultado);
this.props.onChange (resultado); // notificar el formulario después de verificado
},
render () {
return ( {}}
verifyCallback = {this.verifyCallback}
/>);
}
});
const NormalLoginForm = Form.create () (React.createClass ({
handleSubmit (e) {
e.preventDefault ();
this.props.form.validateFields ((err, valores) => {
if (! err) {
console.log ('Valores recibidos de forma:', valores);
}
});
},
render () {
const {getFieldDecorator} = this.props.form;
regreso (



{getFieldDecorator ('userName', {
reglas: [{requerido: verdadero, mensaje: '¡Por favor ingrese su nombre de usuario!' }],
}) (
} placeholder = "Username" />
)}


{getFieldDecorator ('contraseña', {
reglas: [{requerido: verdadero, mensaje: '¡Ingrese su contraseña!' }],
}) (
} type = "password" placeholder = "Password" />
)}


{getFieldDecorator ('captcha', {
reglas: [{requerido: verdadero, mensaje: '¡Ingrese el captcha que obtuvo!' }],
}) ()}


{getFieldDecorator ('recordar', {
valuePropName: 'comprobado',
initialValue: verdadero,
}) (
 Recordarme 
)}
 Olvidé mi contraseña